<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/我的.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <style></style>
</head>
<body>
    <header>
        <div class="left">
            <img src="http://8.218.112.99/ml/movies/images/icon/scan_icon.png" alt="">
        </div>
        <div class="center">
            <p>个人中心</p>
        </div>
        <div class="right">
            <img src="http://8.218.112.99/ml/movies/images/icon/evaluate_2_icon.png" alt="">
            <img src="http://8.218.112.99/ml/movies/images/icon/more_icon.png" alt="" class="i1">
        </div>
    </header>
    <section>
        <div class="top">
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/source/avatar_1.jpeg" alt="">
            </div>
            <div class="right">
                <div>
                    <p>廖某某</p>
                    <img src="http://8.218.112.99/ml/movies/images/icon/crown_icon.png" alt="">
                </div>
                <div>
                    <p>黄金会员</p>
                    <p class="p1">积分245</p>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div>
                <p>200</p>
                <p>已看</p>
            </div>
            <div>
                <p>200</p>
                <p>想看</p>
            </div>
            <div>
                <p>200</p>
                <p>讨论</p>
            </div>
            <div class="d1">
                <p>200</p>
                <p>记录</p>
            </div>
        </div>
    </section>
    <div class="huiyuan">
        <div class="left">
            <img src="http://8.218.112.99/ml/movies/images/icon/diamand_icon.png" alt="">
        </div>
        <div class="center">
            <p>会员中心</p>
            <p>开通影视卡会员专属8折优惠</p>
        </div>
        <div class="right">
            <p>立即开通</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/right_icon.png" alt="">
        </div>
    </div>
    <div class="dingdan">
        <div class="top">
            <img src="http://8.218.112.99/ml/movies/images/icon/order_icon.png" alt="">
            <p>我的订单</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/right_icon.png" alt="">

        </div>
        <div class="bottom">
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/wallet_icon.png" alt="">
                </div>
                <p>我的钱包</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/pay_icon.png" alt="">
                </div>
                <p>代付款</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/evaluate_icon.png" alt="">
                </div>
                <p>待评价</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/speed_icon.png" alt="">
                </div>
                <p>退款</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/movie_a_icon.png" alt="">
                </div>
                <p>电影票</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/music_icon.png" alt="">
                </div>
                <p>演出票</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/coupon_icon.png" alt="">
                </div>
                <p>优惠券</p>
            </div>
            <div>
                <div>
                    <img src="http://8.218.112.99/ml/movies/images/icon/score_icon.png" alt="">
                </div>
                <p>兑积分</p>
            </div>
        </div>
    </div>
    <div class="shoucang">
        <img src="http://8.218.112.99/ml/movies/images/icon/collect_icon.png" alt="">
        <p>我的收藏</p>
        <img src="http://8.218.112.99/ml/movies/images/icon/right_icon.png" alt="">
    </div>
    <div class="yinhangka">
        <img src="http://8.218.112.99/ml/movies/images/icon/card_icon.png" alt="">
        <p>我的银行卡</p>
        <img src="http://8.218.112.99/ml/movies/images/icon/right_icon.png" alt="">
    </div>
    <div class="juchang">
        <img src="http://8.218.112.99/ml/movies/images/icon/theatre_icon.png" alt="">
        <p>我的小剧场</p>
        <img src="http://8.218.112.99/ml/movies/images/icon/right_icon.png" alt="">
    </div>
    <footer>
        <div class="shouye">
            <a href="./首页.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/home_n_icon.png" alt="">
                <p>首页</p>
            </a>
        </div>
        <div class="dianying">
            <a href="./电影.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/movie_n_icon.png" alt="">
                <p>电影</p>
            </a>
        </div>
        <div class="dianyingyuan">
            <a href="./电影院.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/cinema_n_icon.png" alt="">
                <p>电影院</p>
            </a>
        </div>
        <div class="faxian">
            <a href="./发现.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/find_n_icon.png" alt="">
                <p>发现</p>
            </a>
        </div>
        <div class="wode">
            <a href="./我的.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/mine_a_icon.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>   
</body>
</html>